<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
	<meta name="viewport" content="initial-scale=0.3, maximum-scale=0.5, user-scalable=no" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>客服</title>
<style>
	*{
		margin: 0;
		padding: 0;
	}
#DING{
		margin: 0 auto;
		background: #00aaff;
		color: #CCCCCC;
			width: 99%;
			height: 150px;
			/* margin: 0 auto; */
			text-align: center;
			line-height: 150px;
			
		}
	#fh{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: 0 15px;
		text-align: left;
		line-height: 150px;
	}
	a{
		text-decoration:none;
		color:#ececec ;
		/* font-size: 60px; */
	}
	div>a>samp:hover{
		color:#000000 ;
	}
/* 		body{
			font-size: 60px;
		} */
		body {
		   font-size: 60px;
		}
		
		@media screen and (max-width: 300px) {
		    body {
		        background-color:lightblue;
		    }
		}
		*{ margin:0; padding:0;}
		input{ vertical-align:middle; width: 40px;height: 40px;margin-right: 10px; margin-bottom: 1px;}
		.main{ width:99%; margin:0 auto;}
		.dialog{height:1500px; border:2px solid #ccc; overflow:auto}
		.talkArea{ margin:20px auto; margin-left: 5px;}
		textarea{ width:99.3%; height:300px; font-size: 50px; resize:none; border:2px solid #ccc;}
		p { overflow:hidden; margin-bottom:20px; padding:10px}
		p span{ padding:10px; background:#d5d5d5;border-radius: 10px;}
		button{ height:100px; width:300px; font-size: 40px;line-height: 100px;}
		.fl{float:left;}
		.fr{ float:right;}
</style>
<!-- css 媒体查询 -->
</head>

<body>
	<div id="DING">
		智能客服
		</div>
	<div id="fh">
		<a href="index.html"><samp> <返回 </samp></a>
	</div>
<div class="main">
    <div id="dialog" class="dialog">
    	<div id="cont" class="cont">
        	<p><span class="fl">hi</span></p>
        	<p><span class="fl">我是,小云</span></p>
            <p><span class="fl">请问有什么可以帮助你的吗?</span></p>
        </div>
    </div>

    <div class="talkArea">
        <textarea id="textArea"></textarea>
        <p style="text-align:right; font-size: 50px;">
        	<label style="font-size:30px; color:#999"><input id="checkbox"  type="checkbox"/>回车直接发言</label>
            <button id="btn" type="button" disabled >发言</button>
        </p>
    </div>
</div>

</body>
<script src="../ku/index.js" type="text/javascript"></script>
<script src="js/index.js" type="text/javascript"></script>
</html>
